<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>账单列表</title>
    <!-- 这里可添加默认引入的脚本或样式 -->

    <!-- 引入Bootstrap CSS -->
    <link rel="stylesheet" href="/css/bootstrap.css">
</head>
<body class="container">
    <br/>
    <h1>帐单列表</h1>

    <br/><br/>

    <!--查询表单-->
    <div class="with:80%">
        <form class="form-inline">
            <!--分页参数-->
            <input type="hidden" name="pageNum" id="pageNum" value="1">
            <input type="hidden" name="pageSize" id="pageSize" value="1">

            <!--选择类型-->
            <div class="form-group">
                <label class="control-label">类型</label>
                <select name="typeId" class="form-control">
                    <option value="">全部</option>
                    <option value="1">餐饮</option>
                    <option value="2">购物</option>
                    <option value="3">交通</option>
                </select>
            </div>

            <!--开始时间-->
            <div class="form-group">
                <label class="control-label">开始时间</label>
                <input type="text" name="data1" placeholder="开始时间" class="form-control">
            </div>

            <!--结束时间-->
            <div class="form-group">
                <label class="control-label">开始时间</label>
                <input type="text" name="data2" placeholder="结束时间" class="form-control">
            </div>

            <div class="form-group">
                <input type="submit" value="查询" class="btn btn-info">
                <input type="reset" value="重置" class="btn btn-info">
                <a href="#" class="btn btn-info">添加</a>
            </div>
        </form>
    </div>
    <table border="1" class="table table-striped table-dark">
        <thead><!--表头-->
            <tr><!--行-->
                <th>标题</th>
                <th>时间</th>
                <th>金额</th>
                <th>类别</th>
                <th>说明</th>
            </tr>
        </thead>
        <tbody><!--表体-->
            <tr>
                <td>测试账单1</td>
                <td>2023-01-01</td>
                <td>100.00</td>
                <td>餐饮</td>
                <td>午餐</td>
            </tr>
            <tr>
                <td>测试账单2</td>
                <td>2023-01-01</td>
                <td>100.00</td>
                <td>餐饮</td>
                <td>午餐</td>
            </tr>
        </tbody>
    </table>
</body>
</html>